<template>
    <div>
        <div v-for="(rank, index) in rank_list" :key="index" style="margin: 20px auto; width: 70%; text-align: center; font-size: 20px">
            <a href="">{{rank.title}}--{{rank.counter}}</a>
        </div>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {
            rank_list: []
        }
    },
    methods: {
        acquireRank() {
            axios.get('http://127.0.0.1:8000/carthome/rank/').then(res => {
                console.log(res.data)
                this.rank_list = res.data
            })
        }
    },
    created() {
        this.acquireRank()
    }
}
</script>

<style scoped>

</style>
